<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" href="../public/layui/css/layui.css"/>
    <link rel="stylesheet" href="../public/css/basic.css"/>
    <link rel="stylesheet" href="../public/css/manage.css"/>
    <script src="../public/js/jquery-1.11.1.min.js"></script>
    <title>设备管理</title>
    <style>

    </style>
</head>
<body >
<div class="layui-form">
    <table class="layui-table">
        <div class="search">
            <div class="layui-input-inline "  style="margin-right: 20px">
                <div class="layui-input-block" style="width: 150px;margin-left:0">
                    <select name="interest" lay-filter="aihao">
                        <option value="">所有</option>
                        <option value="0">区域1</option>
                        <option value="1" selected="">区域2</option>
                        <option value="2">区域3</option>
                        <option value="3">区域4</option>
                        <option value="4">区域5</option>
                    </select>
                </div>
            </div>
            <div class="layui-input-inline "  style="margin-right: 20px">
                <div class="layui-input-block" style="width: 150px;margin-left:0">
                    <select name="interest" lay-filter="aihao">
                        <option value="">所有</option>
                        <option value="0">区块1</option>
                        <option value="1" selected="">区块2</option>
                        <option value="2">区块3</option>
                        <option value="3">区块4</option>
                        <option value="4">区块5</option>
                    </select>
                </div>
            </div>
            <button  class="layui-btn ml20 ">搜索</button>
            <button class="layui-btn add fr">新增设备</button>
        </div>
        <thead>
           <tr>
              <th>设备名</th>
              <th>设备编号</th>
              <th>设备ip</th>
              <th>所属区块</th>
              <th>所属区域</th>
              <th>控制方式</th>
              <th>通道号编辑</th>
              <th>参数是否显示</th>
              <th>操作</th>
           </tr>
        </thead>
        <tbody>
           <tr>
             <td>风机</td>
             <td>014957681</td>
             <td>220.160.64.135</td>
             <td>区块1</td>
             <td>区域1</td>
             <td>手动控制；时间控制；参数控制</td>
             <td><span class="cz tdh" >编辑</span></td>
             <td>是</td>
             <td>
                <span class="cz bj">编辑</span>
                <span class="cz sc">删除</span>
             </td>
           </tr>
        </tbody>
    </table>
    <div class="fy">这里放分页</div>
</div>
<script src="../public/layui/layui.js"></script>
<script>
    layui.use(['form',], function() {
        var form = layui.form;

    })

    $(".add").click(function () {
        layer.open({
            type: 2,
            shadeClose: true,
            title: '新增设备',
            area: ['80%', '80%'],
            content: 'manage3-poup1.html'
        });
    });

    $(".bj").click(function () {
        layer.open({
            type: 2,
            shadeClose: true,
            title: '新增设备',
            area: ['80%', '80%'],
            content: 'manage3-poup1.html'
        });
    });
    $(".tdh").click(function () {
        layer.open({
            type: 2,
            shadeClose: true,
            title: '通道号编辑',
            area: ['80%', '80%'],
            content: 'manage3-poup2.html'
        });
    });

    $(".sc").click(function () {
        layer.confirm('确认删除？', {
            btn: ['是','否'] //按钮
        });


    });


</script>

</body>
</html>